body,ul,li{
    padding:0;
    margin: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
#warp{
    width: 800px;
    margin: 20px auto;
    position: relative;
}
#images img{
    width: 800px;
}
#images a{
    display: block;
}
#warp #info{
    height: 40px;
    width: 800px;
    position: absolute;
    bottom: 4px;
    left: 0;
}
#info span{
    float: left;
    height: 40px;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    font: 14px/40px "Adobe 宋体 Std L";
    text-align: center;
    margin-right: 1px;
    cursor: pointer;
}
#info .active{
    background: rgba(255,0,0,.7);
}